// $main: #80bd01; 
$main: #61b292; 
$body: #e1e1e1;
$header: #616161;
$icon: #808080;
$bold: #ededed;
$fontC1: #333;
$fontC2: #666;
$fontC3: #999;
$iptBold: #ccc;


$bd: #5caef3; 
// $green: #56BB51;
$hover: #5caef3;
$dark: #444;
$fff: #fff;
$gray: #A9ADBA;
$d9: #d9d9d9;
$color7: #777777;
$color8: #888888;
$color9: #999999;
$color3: #333;
$color4: #444444;
$colore: #eee;
$bc: #E0E0E0;
$fc:#fff;
$red: #FF0000;
$title-bg: #f6f6f6;
$org: #ff9326;
$bg-f2: #f2f2f2;

// 背景图片地址和大小
@mixin bis($url) { 
	background-image: url($url);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@mixin borderRadius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}
//定位全屏
@mixin allcover{
	position:absolute;
	top:0;
	right:0;
}

//定位上下左右居中
@mixin center {  
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

//定位上下居中
@mixin ct {  
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
}

//定位上下居中
@mixin cl {  
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
}

//宽高
@mixin wh($width, $height){
	width: $width;
	height: $height;
}

//字体大小、行高、字体
@mixin font($size, $line-height, $family: 'Microsoft YaHei') {  
	font: #{$size}/#{$line-height} $family;
}

//字体大小，颜色
@mixin sc($size, $color){
	font-size: $size;
	color: $color;
}

//flex 布局和 子元素 对其方式
@mixin fj($type: space-between){
	display: flex;
	justify-content: $type;
}

@mixin lh ($h) {
	height: $h;
	line-height: $h;
}

@mixin button($color: $fff, $bg: $main, $radius: 5px, $w: 100%) {
	color: $color;
	background-color: $bg;
	border-radius: $radius;
	width: $w;
}